<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>分类</title>
    <link rel="stylesheet" type="text/css" href="/css_z/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css_z/cation.css"/>
    <link rel="stylesheet" type="text/css" href="/css_z/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css_z/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css_z/loading.css"/>
    <script src="/js_z/rem.js"></script>
    <script src="/js_z/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
	<body>
		<!--头部区域-->
	    <header class="mui-bar mui-bar-nav" id="header">
			<a class="btn" href="javascript:history.go(-1)">
	            <i class="iconfont icon-fanhui"></i>
	        </a>
	        <h4>商品分类</h4>
	        <a class="btn" href="#">
	            <i class="iconfont icon-erweima"></i>
	        </a>
	    </header>
	    <!--头部区域结束-->
	    <div class="warp clearfloat">
		    <div class="cations clearfloat">
		    	<div class="list clearfloat fl">
		    		<a href="list.html?id=1">
			    		<p class="tit over box-s">食品专区</p>
			    		<div class="tu">
							<img src="/img/icon/ico1.png"/>
			    		</div>
		    		</a>
		    	</div>
		    	<div class="list clearfloat fl">
		    		<a href="list.html?id=2">
			    		<p class="tit over box-s">生活用品</p>
			    		<div class="tu">
							<img src="/img/icon/ico3.png"/>
			    		</div>
		    		</a>
		    	</div>
		    	<div class="list clearfloat fl">
		    		<a href="list.html?id=3">
			    		<p class="tit over box-s">电子产品</p>
			    		<div class="tu">
							<img src="/img/icon/ico2.png"/>
			    		</div>
		    		</a>
		    	</div>
		    	<div class="list clearfloat fl">
		    		<a href="list.html?id=4">
			    		<p class="tit over box-s">男女服饰</p>
			    		<div class="tu">
							<img src="/img/icon/ico9.png"/>
						</div>
		    		</a>
		    	</div>
		    </div>
	    </div>	    
	    
	    <!--尾部区域-->
	    <footer class="page-footer fixed-footer" id="footer">
			<ul>
				<li>
					<a href="index.html">
						<i class="iconfont icon-shouye"></i>
						<p>首页</p>
					</a>
				</li>
				<li class="active">
					<a href="cation.html">
						<i class="iconfont icon-icon04"></i>
						<p>分类</p>
					</a>
				</li>
				<li>
					<a href="shopcar.html">
						<i class="iconfont icon-gouwuche"></i>
						<p>购物车</p>
					</a>
				</li>
				<li>
					<a href="center.html">
						<i class="iconfont icon-yonghuming"></i>
						<p>我的</p>
					</a>
				</li>
			</ul>
		</footer>
	</body>
	
</html>
